.serviceorder{
	height: 100vh;
	// .header-top,.header-line,.header-zhong,.box{
		
	// 	width: 100%;
	// }
	.header-line{
		height: 100rpx;
		display: flex;
		justify-content: space-around;
		    align-items: center;
		position: relative;
		line-height: 32px;
		color: #fff;
		background-color: #0EA970;
		z-index: 100;
		.left{
			position: absolute;
			left: 2%;
		}
		
		
	}
	.u-popup{
		.cancellationoforder_box{
			// height: 100%;
			// padding: 20rpx;
			.cancellationoforder_box_top{
				width: 710rpx;
				    height: 484rpx;
				    background: #FFFFFF;
				    border-radius: 20rpx 20rpx 20rpx 20rpx;
					.cancellationoforder_box_top_shang{
						font-size: 28rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #333333;
						text-align: center;
						    padding: 30rpx 0;
					}
					.cancellationoforder_box_zhong{
							margin-bottom: 40rpx;
						    padding: 0rpx 20rpx;
						.cancellationoforder_box_zhong_a{
							.radio-group{
								.uni-list-cell{
									display: flex;
									    align-items: center;
									    padding: 20rpx 0;
										border-bottom: 2rpx solid #EEEEEE;
									.view{
										
									}
									text{
										font-size: 24rpx;
										font-family: Source Han Sans CN-Regular, Source Han Sans CN;
										font-weight: 400;
										color: #3D3D3D;
									}
								}
							}
						}
					}
					.text{
						margin-bottom: 30rpx;
					}
					.wenben{
						
						display: flex;
						align-items: center;
						justify-content: center;
						.ipt{
							width: 85%;
							background-color: #F6F6F6;
							font-size: 24rpx;
							padding: 20rpx;
							border-radius: 10rpx;
						}
					}
			}
			.cancellationoforder_box_bottom{
				width: 618rpx;
				height: 80rpx;
				background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
				border-radius: 40rpx 40rpx 40rpx 40rpx;
				font-size: 34rpx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #FFFFFF;
				text-align: center;
				line-height: 80rpx;
				margin: 30px auto;
			}
		}
	}
	.van-overlay_a{
		.wrapper{
			position: relative;
			image{
				
			}
			.bottom{
				width: 336rpx;
				height: 82rpx;
				background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
				border-radius: 114rpx 114rpx 114rpx 114rpx;
				opacity: 1;
				z-index: 10;
				position: absolute;
				    bottom: 20%;
				    left: 25%;
					text-align: center;
					    line-height: 82rpx;
					    font-size: 36rpx;
					    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
					    font-weight: 500;
					    color: #FFFFFF;
			}
		}
	}
	
	// .van-overlay_b{
	// 	.wrapper{
	// 		position: relative;
	// 		.icon{
	// 			position: absolute;
	// 			top: 20%;
	// 			right: 14%;
	// 		}
	// 		.img{
	// 				width: 494rpx;
	// 				height: 494rpx;
	// 				margin-top: 310rpx;
	// 				margin-left: 120rpx;
	// 			    // position: fixed;
	// 			    // top: 23%;
	// 			    // left: 18%;

	// 		}
	// 		.queren{
	// 			font-size: 44rpx;
	// 			font-family: Source Han Sans CN-Medium, Source Han Sans CN;
	// 			font-weight: 500;
	// 			color: #FFFFFF;
	// 			margin-left: 28%;
	// 			margin-top: -41rpx;
	// 		}
	// 		.bottom{
	// 			width: 336rpx;
	// 			height: 92rpx;
	// 			background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
	// 			border-radius: 80rpx 80rpx 80rpx 80rpx;
	// 			opacity: 1;
	// 			margin-top: 65rpx;
	// 			margin-left: 210rpx;
	// 			// position: fixed;
	// 			//     top: 55%;
	// 			//     left: 29%;
	// 				font-size: 36rpx;
	// 				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
	// 				font-weight: 500;
	// 				color: #FFFFFF;
	// 				line-height: 92rpx;
	// 				text-align: center;
	// 		}
	// 	}
	// }
	.van-overlay{
		.wrapper{
			.top {
				    display: flex;
				    justify-content: flex-end;
					color: #FFFFFF;
			}
			.zhong{
				    display: flex;
				    justify-content: center;
				.img{
					width: 306rpx;
					height: 306rpx;
				}
			}
			.bottom{
				font-size: 44rpx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #FFFFFF;
				margin-top: 50rpx;
				margin-left: 70rpx;
			}
			.paizhao{
				width: 244rpx;
				height: 60rpx;
				background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
				border-radius: 30rpx 30rpx 30rpx 30rpx;
				opacity: 1;
				margin: 74rpx 174rpx;
				font-size: 28rpx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #FFFFFF;
				text-align: center;
				line-height: 60rpx;
			}
		}
	}
	.serviceorder_box{
		height: 100%;
		    position: relative;
		    // background: #F3F3F3;
		.mallorders__dibu{
			height: 250rpx;
			    background: #0EA970;
			    border-radius: 0 0 10% 10%;
				text{
					font-size: 28rpx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					color: #FFFFFF;
					margin-left: 84rpx;
					padding: 15rpx 0;
					
					
				}
				.active{
					border-bottom: 6rpx solid #FFFFFF;
				}
		}
		.serviceorder_box_top{
			position: absolute;
			    top: 6%;
			    width: 100%;
			    // height: 100%;
			.serviceorder_box_top_a{
				width: 670rpx;
				// height: 644rpx;
				// height: 432rpx;
				background: #FFFFFF;
				box-shadow: 0px 2rpx 24rpx 0px rgba(0,0,0,0.0800);
				border-radius: 20rpx 20rpx 20rpx 20rpx;
				margin: 0 auto;
				padding: 0px 20rpx;
				margin-bottom: 25rpx;
				.content_main_shang{
					    padding: 20rpx 10rpx;
						display: flex;
						    align-items: center;
					.text_a{
						font-size: 37rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #FF8F1F;
					}
					.text_b{
						display: block;
						width: 76rpx;
						height: 76rpx;
						background: #FFE7CD;
						border-radius: 4px 4px 4px 4px;
						opacity: 1;
						color: #FF0000;
						line-height: 76rpx;
						text-align: center;
					}
					text{
						margin: 0 8rpx;
					}
					.text_c{
						font-size: 40rpx;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #FF0F0D;
					}
					.text_d{
						    width: 86rpx;
						    height: 86rpx;
						    margin-left: 40rpx;
						.img{
							width: 86rpx;
							height: 86rpx;
						}
					}
				}
				// .count-down{
				// 	// padding: 20rpx 10rpx;
				// 	::v-deep.van-count-down{
				// 		display: flex;
				// 		align-items: center;
				// 		padding: 20rpx 0;

				// 		.item{
				// 			display: inline-block;
				// 			  width: 76rpx;
				// 			  height: 76rpx;
				// 			  margin-left: 25rpx;
				// 			  color: #FF0000;
				// 			  text-align: center;
				// 			  background-color: #FFE7CD;
				// 			  border-radius: 2px;
				// 			  font-size: 37rpx;
				// 			  line-height: 76rpx;
				// 		}
				// 		.text_a{
				// 			font-size: 37rpx;
				// 			font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				// 			font-weight: 500;
				// 			color: #FF8F1F;
				// 		}
				// 		.item_a{
				// 			font-size: 20px;
				// 			font-family: Source Han Sans CN-Regular, Source Han Sans CN;
				// 			font-weight: 400;
				// 			color: #FF0F0D;
				// 			margin-left: 25rpx;
				// 		}
				// 	}
					
				// }
				::v-deep.u-count-down{
					display: flex;
					align-items: center;
					padding: 20rpx 20rpx;
					flex-direction:row !important ;
					.item{
						display: inline-block;
						  width: 76rpx;
						  height: 76rpx;
						  margin-left: 25rpx;
						  color: #FF0000;
						  text-align: center;
						  background-color: #FFE7CD;
						  border-radius: 2px;
						  font-size: 37rpx;
						  line-height: 76rpx;
					}
					.text_a{
						font-size: 37rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #FF8F1F;
					}
					.item_a{
						font-size: 20px;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #FF0F0D;
						margin-left: 25rpx;
					}
				}
				.serviceorder_box_top_shang{
					// display: flex;
					//     justify-content: space-between;
					//     align-items: center;
						    padding: 30rpx 0;
							text-align: right;
					.text1{
						width: 550rpx;
						height: 54rpx;
						background: #FFE9D2;
						border-radius: 128rpx 128rpx 128rpx 128rpx;
						font-size: 24rpx;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #FF8205;
						display: block;
						text-align: center;
						line-height: 54rpx;
					}
					
					
				}
				
				.content_main_zhong{
					// padding: 0 10rpx;
					display: flex;
					position: relative;
					margin-bottom: 15rpx;
					padding-top: 20rpx;
					.content_main_zhong_left{
						      width: 170rpx;
							  height: 140rpx;
							background-color: #FFE7CD;
							border-radius: 12rpx 12rpx 12rpx 12rpx;
							opacity: 1;
							.image{
								width: 170rpx;
								height: 140rpx;
							}
					}
					.content_main_zhong_right{
						padding-left: 20rpx;
						flex: 1;
						.content_main_zhong_right_s{
							    display: flex;
							    justify-content: space-between;
							    align-items: center;
								.text2{
									font-size: 28rpx;
									font-family: Source Han Sans CN-Medium, Source Han Sans CN;
									font-weight: 500;
									color: #0EA970;
								}
							.content_main_zhong_right_tuina{
								display: flex;
								align-items: center;
								.text1{
									font-size: 34rpx;
									font-family: Source Han Sans CN-Regular, Source Han Sans CN;
									font-weight: 400;
									color: #333333;
									width: 230rpx;
								}
								.text2{
									margin-left: 30rpx;
									font-size: 32rpx;
									font-family: Source Han Sans CN-Regular, Source Han Sans CN;
									font-weight: 400;
									color: #333333;
								}
								.text3{
									// margin: 0 130rpx 0 30rpx;
									width: 114rpx;
									height: 38rpx;
									background: rgba(255,143,31,0.2);
									border-radius: 20rpx 20rpx 20rpx 0px;
									opacity: 1;
									font-size: 24rpx;
									font-family: Source Han Sans CN-Regular, Source Han Sans CN;
									font-weight: 400;
									color: #FF8F1F;
									text-align: center;
									line-height: 38rpx;
								}
								
							}
							.text4{
								font-size: 28rpx;
								font-family: Source Han Sans CN-Medium, Source Han Sans CN;
								font-weight: 500;
								color: #0EA970;
							}
							.yijidan{
								font-size: 28rpx;
								font-family: Source Han Sans CN-Medium, Source Han Sans CN;
								font-weight: 500;
								color: #0EA970;
							}
							.text_d{
								    width: 86rpx;
								    height: 86rpx;
									position: absolute;
									top: 0%;
									right: 0;
								.img{
									width: 86rpx;
									height: 86rpx;
								}
							}
							
						}
						
						.content_main_zhong_right_shijian{
							// display: flex;
							padding: 10rpx 0;
							font-size: 24rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #999999;
							.content_main_zhong_right_shichang{
								display: flex;
								align-items: center;
								// margin-left: 10rpx;
								text{
									font-size: 24rpx;
									font-family: Source Han Sans CN-Regular, Source Han Sans CN;
									font-weight: 400;
									color: #999999;
								}
							}
						}
						.content_main_zhong_right_shijian{
							// display: flex;
							padding: 10rpx 0 10rpx 0;
							.content_main_zhong_right_shijian_kaishi{
								// display: flex;
								align-items: center;
								text{
									font-size: 24rpx;
									font-family: Source Han Sans CN-Regular, Source Han Sans CN;
									font-weight: 400;
									color: #999999;
								}
							}
							.content_main_zhong_right_shichang{
								// display: flex;
								align-items: center;
								padding: 5rpx 0;
								// margin-left: 10rpx;
								text{
									font-size: 24rpx;
									font-family: Source Han Sans CN-Regular, Source Han Sans CN;
									font-weight: 400;
									color: #999999;
								}
							}
						}
						
						.content_main_zhong_right_bottom{
							    display: flex; 
							    justify-content: space-between;
							    align-items: center;
							.content_main_zhong_right_left{
								.text1{
									font-size: 24rpx;
									font-family: Source Han Sans CN-Regular, Source Han Sans CN;
									font-weight: 400;
									color: #333333;
								}
								.text2{
									font-size: 24rpx;
									font-family: Source Han Sans CN-Regular, Source Han Sans CN;
									font-weight: 400;
									color: #FF8F1F;
									padding-left: 20rpx;
									text{
										font-size: 35rpx;
									}
								}
							}
							.content_main_zhong_right_zhong{
								font-size: 24rpx;
							}
							.content_main_zhong_right_right{
								margin-right: 70rpx;
								.text1{
									font-size: 24rpx;
									font-family: Source Han Sans CN-Regular, Source Han Sans CN;
									font-weight: 400;
									color: #333333;
									padding-right: 20rpx;
								}
								.text2{
									font-size: 24rpx;
									font-family: Source Han Sans CN-Regular, Source Han Sans CN;
									font-weight: 400;
									color: #FF8F1F;
									
									text{
										font-size: 35rpx;
									}
								}
							}
						}
						
					}
				}
				.serviceorder_youhui{
					.serviceorder_a{
						padding: 20rpx 0;
						border-bottom: 2rpx solid #EDEDED;
						display: flex;
						justify-content: space-between;
						align-items: center;
						.text1{
							font-size: 24rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #999999;
						}
						.text2{
							font-size: 28rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #FF8F1F;
						}
						
					}
				}
				.serviceorder_youhui_a{
					.serviceorder_a{
						padding: 20rpx 0;
						border-bottom: 2rpx solid #EDEDED;
						display: flex;
						justify-content: space-between;
						align-items: center;
						.text1{
							font-size: 24rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #999999;
						}
						.text2{
							font-size: 28rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #333333;
						}
						
					}
				}
				.serviceorder_daohang{
						width: 100%;
						display: flex;
						    justify-content: space-between;
						    padding-top: 24rpx;
							// margin-bottom: 50rpx;
					.serviceorder_daohang_left{
						font-size: 24rpx;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #999999;
						
					}
					.serviceorder_daohang_right{
						// width: 460rpx;
						flex: 1;
						    text-align: right;
						    display: flex;
							justify-content: space-between;
						.img{
							width: 40rpx;
							// height: 40rpx;
						}
						.text1{
							font-size: 28rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #333333;
						}
					}
				}
				.shifu{
					    display: flex;
					    justify-content: flex-end;
						padding: 30rpx 0;
						.box2{
							display: flex;
							align-items: center;
							.text{
													font-size: 24rpx;
													font-family: Source Han Sans CN-Regular, Source Han Sans CN;
													font-weight: 400;
													color: #0EA970;
												}
												.text1{
													font-size: 32rpx;
													font-family: Source Han Sans CN-Medium, Source Han Sans CN;
													font-weight: 500;
													color: #0EA970;
												}
						}
						.box1{
							display: flex;
							align-items: center;
							.text2{
													font-size: 24rpx;
													font-family: Source Han Sans CN-Regular, Source Han Sans CN;
													font-weight: 400;
													color: #FF8F1F;
												}
												.text3{
													font-size: 28rpx;
													font-family: Source Han Sans CN-Medium, Source Han Sans CN;
													font-weight: 500;
													color: #FF8F1F;
												}
						}
					
					
				}
				.serviceorder_bottom{
					display: flex;
					    justify-content: flex-end;
					    align-items: center;
						padding-bottom: 30rpx;
					.text1{
						width: 144rpx;
						height: 52rpx;
						background: #999999;
						display: block;
						border-radius: 200rpx 200rpx 200rpx 200rpx;
						font-size: 24rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #E0EAFF;
						text-align: center;
						line-height: 52rpx;
						margin-right: 10rpx;
					}
					.text2{
						width: 144rpx;
						height: 52rpx;
						background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
						display: block;
						border-radius: 200rpx 200rpx 200rpx 200rpx;
						font-size: 24rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #FFFFFF;
						text-align: center;
						line-height: 52rpx;
					}
					.text3{
						width: 144rpx;
						height: 52rpx;
						color: #FF8F1F;
						border-radius: 200rpx 200rpx 200rpx 200rpx;
						font-size: 24rpx;
						text-align: center;
						line-height: 52rpx;
						border: 1px solid #FF8F1F;
						display: flex;
						    align-items: center;
							margin-right: 10rpx;
						.img{
							width: 22rpx;
							height: 22rpx;
							margin-left: 10rpx;
							padding-right: 10rpx;
						}
					}
				}
				.lianxi{
					display: flex;
					    justify-content: flex-end;
					    align-items: center;padding-bottom: 30rpx;
					.text1{
						width: 144rpx;
						height: 52rpx;
						color: #FF8F1F;
						border-radius: 200rpx 200rpx 200rpx 200rpx;
						font-size: 24rpx;
						text-align: center;
						line-height: 52rpx;
						border: 1px solid #FF8F1F;
						display: flex;
						    align-items: center;
							margin-right: 10rpx;
						.img{
							width: 22rpx;
							height: 22rpx;
							margin-left: 10rpx;
							padding-right: 10rpx;
						}
					}
					.text2{
						width: 144rpx;
						height: 52rpx;
						background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
						display: block;
						border-radius: 200rpx 200rpx 200rpx 200rpx;
						font-size: 24rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #FFFFFF;
						text-align: center;
						line-height: 52rpx;
						
					}
					.text3{
						
							width: 144rpx;
							height: 52rpx;
							background: #999999;
							display: block;
							border-radius: 200rpx 200rpx 200rpx 200rpx;
							font-size: 24rpx;
							font-family: Source Han Sans CN-Medium, Source Han Sans CN;
							font-weight: 500;
							color: #E0EAFF;
							text-align: center;
							line-height: 52rpx;
							margin-right: 10rpx;
						
					}
				}
				.fuwuzhong{
					width: 670rpx;
					height: 80rpx;
					background: #FF8F1F;
					border-radius: 536rpx 536rpx 536rpx 536rpx;
					opacity: 1;
					font-size: 34rpx;
					font-family: Source Han Sans CN-Medium, Source Han Sans CN;
					font-weight: 500;
					color: #FFFFFF;
					text-align: center;
					line-height: 80rpx;
				}
			}
		}
	}
}